<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>支付界面</title>
		<link rel="stylesheet"
			href="css/bootstrap.min.css">
		<!--使用jQuery禁止按钮-->
		<script src="js/jquery.min.js"></script>
		<style>
			.container{
				width: 300px;
			}
			.btn-zfb{
				background-color: #7E9Ec4;
				color: #FFFFFF;
				font-weight: bold;
			}
			.btn-wx{
				background-color: #7E9E7e;
				color: #FFFFFF;
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="form-group"> 
				<button class="btn btn-block btn-zfb"
					id="zfb" >
					<img src="img/zfb.png" height="50px"/>
					<br />
					支付宝支付
				</button>
			</div>
			<div class="form-group">
				<button class="btn btn-block btn-wx"
					id="wx">
					<img src="img/wx.png" height="50px"/>
					<br />
					微信支付
				</button>
			</div>
		</div>
	</body>
	<script>
		function pay(){
			$("#zfb").prop("disabled",true)
		}
		$("#zfb").click(function(){
			$(this).prop("disabled",true);
			$(this).text($(this).text()+"已支付，请稍后...")
		});
		$("#wx").click(function(){
			$(this).prop("disabled",true);
			$(this).text($(this).text()+"已支付，请稍后...")
		});
	</script>
	
</html>
